<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的发货单</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			* {
				margin: 0 auto;
				padding: 0px;
				text-align: center;
				font-family: "微软雅黑 Light";
				color: black;
			}
			
			p {
				color: black;
			}
			
			html {
				height: 100%;
				width: 100%;
			}
			
			body {
				height: 100%;
				width: 100%;
			}
			
			#bodydiv {
				width: 100%;
				height: 100%;
			}
			
			#headertext {
				color: white;
				padding: 4% 3%;
				background: #23CAD0;
				font-size: 25px;
				margin: 0px;
			}
			
			#myfahuodan {
				background: white;
				padding: 3% 3%;
				border-bottom: #CACACA 1px solid;
				font-size: 25px;
				color: black;
			}
			
			#bodydivcontent {
				margin-top: 5%;
			}
		</style>
	</head>

	<body>

		<div id="bodydiv" style="background: white;">
			<header id="header">
				<p id="headertext"><span id="goback" class="mui-icon mui-icon-arrowleft" style="background: none; border: none; color: white;padding: 0px;margin: 0px;height: 20px;width:0px;float: left;"></span>袋鼠捎货</p>
				<p id="myfahuodan" style="font-size: 18px;"><span class="mui-icon mui-icon-arrowleft" style="background: none; border: none; color: white;padding: 0px;margin: 0px;height: 20px;width:0px;float: left;color: gainsboro;width:8%;height:100%;border: #CACACA 1px solid;border-radius: 50px;"></span>我的评价</p>
			</header>
			<div id="bodydivcontent">
				<div style="background: white;padding: 10px;margin-top:10px; border-top: 1px solid gainsboro;border-bottom:1px solid gainsboro ;">
					<div id="contentleft" style="float: left;width: 60%;">
						<div id="contentlefttop" style="width: 100%;">
							<div style="float: left;width: 40%;">
								<img src="../img/图层 18.png" width="70%" style="display: inline-block;float: left;border-radius:50%;" />
							</div>

							<div style="float: left;width: 60%;">
								<p style="display: inline-block;float: left;font-size: 20px;width: 100%;text-align: left;">张三</p>
								<p style="color: orange;"><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(虚).png" width="20%" /></p>
							</div>
							<div style="clear: both;">
							</div>

						</div>
						<div id="contentleftbottom" style="margin-top: 10px;">
							<p style="text-align: left;font-size: 15px;">送的很准时，还帮忙卸货</p>
						</div>
					</div>
					<div id="contentright" style="float: right;width: 40%;">
						<div style="font-size: 15px;height: 50%;text-align: right;">2017-08-20 15:30</div>
						<div style="font-size: 15px;height: 50%;text-align: right;margin-top: 45%;color: orange;">删除</div>
					</div>
					<div style="clear: both;"></div>
				</div>
				
				<div style="background: white;padding: 10px;margin-top:10px; border-top: 1px solid gainsboro;border-bottom:1px solid gainsboro ;">
					<div id="contentleft" style="float: left;width: 60%;">
						<div id="contentlefttop" style="width: 100%;">
							<div style="float: left;width: 40%;">
								<img src="../img/图层 18.png" width="70%" style="display: inline-block;float: left;border-radius:50%;" />
							</div>

							<div style="float: left;width: 60%;">
								<p style="display: inline-block;float: left;font-size: 20px;width: 100%;text-align: left;">张三</p>
								<p style="color: orange;"><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(虚).png" width="20%" /></p>
							</div>
							<div style="clear: both;">
							</div>

						</div>
						<div id="contentleftbottom" style="margin-top: 10px;">
							<p style="text-align: left;font-size: 15px;">送的很准时，还帮忙卸货</p>
						</div>
					</div>
					<div id="contentright" style="float: right;width: 40%;">
						<div style="font-size: 15px;height: 50%;text-align: right;">2017-08-20 15:30</div>
						<div style="font-size: 15px;height: 50%;text-align: right;margin-top: 45%;color: orange;">删除</div>
					</div>
					<div style="clear: both;"></div>
				</div>
				
				<div style="background: white;padding: 10px;margin-top:10px; border-top: 1px solid gainsboro;border-bottom:1px solid gainsboro ;">
					<div id="contentleft" style="float: left;width: 60%;">
						<div id="contentlefttop" style="width: 100%;">
							<div style="float: left;width: 40%;">
								<img src="../img/图层 18.png" width="70%" style="display: inline-block;float: left;border-radius:50%;" />
							</div>

							<div style="float: left;width: 60%;">
								<p style="display: inline-block;float: left;font-size: 20px;width: 100%;text-align: left;">张三</p>
								<p style="color: orange;"><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(虚).png" width="20%" /></p>
							</div>
							<div style="clear: both;">
							</div>

						</div>
						<div id="contentleftbottom" style="margin-top: 10px;">
							<p style="text-align: left;font-size: 15px;">送的很准时，还帮忙卸货</p>
						</div>
					</div>
					<div id="contentright" style="float: right;width: 40%;">
						<div style="font-size: 15px;height: 50%;text-align: right;">2017-08-20 15:30</div>
						<div style="font-size: 15px;height: 50%;text-align: right;margin-top: 45%;color: orange;">删除</div>
					</div>
					<div style="clear: both;"></div>
				</div>
				
				
				<div style="background: white;padding: 10px;margin-top:10px; border-top: 1px solid gainsboro;border-bottom:1px solid gainsboro ;">
					<div id="contentleft" style="float: left;width: 60%;">
						<div id="contentlefttop" style="width: 100%;">
							<div style="float: left;width: 40%;">
								<img src="../img/图层 18.png" width="70%" style="display: inline-block;float: left;border-radius:50%;" />
							</div>

							<div style="float: left;width: 60%;">
								<p style="display: inline-block;float: left;font-size: 20px;width: 100%;text-align: left;">张三</p>
								<p style="color: orange;"><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(实).png" width="20%" /><img src="../img/星(虚).png" width="20%" /></p>
							</div>
							<div style="clear: both;">
							</div>

						</div>
						<div id="contentleftbottom" style="margin-top: 10px;">
							<p style="text-align: left;font-size: 15px;">送的很准时，还帮忙卸货</p>
						</div>
					</div>
					<div id="contentright" style="float: right;width: 40%;">
						<div style="font-size: 15px;height: 50%;text-align: right;">2017-08-20 15:30</div>
						<div style="font-size: 15px;height: 50%;text-align: right;margin-top: 45%;color: orange;">删除</div>
					</div>
					<div style="clear: both;"></div>
				</div>
				
				
			</div>
			<footer id="footer"></footer>
		</div>

		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
		<script>
			/*(function($,$$){
			    		$$("#goback").click(function(){
			    			alert("回到上一层");
			    		})
			    	}(mui,jQuery))//测试返回是否可以使用*/
		</script>
	</body>

</html>